@import "variable";
@import "custom";
@import "atom";

html,
body
  //#root,
  //.ant-layout
{
  height: 100%;
  //user-select: none;
  //-webkit-user-select: none;
  //-moz-user-select: none;
  //-ms-user-select: none;
  //-khtml-user-select: none;
}

html {
  min-width: 1100px;
}

body {
  margin: 0;
}

body.over-hidden {
  overflow: hidden !important;
}

#root a[disabled] {
  //color: #999;
  color: #000;
}

/* end  reset */

/* start input */

.ant-input[disabled] {
  color: #000 !important;
}

// 并排的按钮
.ant-input-group button {
  margin-right: 8px;
}

.ant-input-group button:last-child {
  margin-right: 0;
}
/* end input */

/* start form 表单样式 */
.form-small .ant-form-item {
  margin-bottom: 8px;
}

.form-small .ant-form-item .ant-input-number {
  width: 100%;
}

.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon svg, .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon svg, .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon svg, .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon svg {
  position: unset;
}



/* end form 表单样式 */

/* 按钮 */

.ant-btn>.ant-btn-loading-icon .anticon {
  padding-right: 8px;
  -webkit-animation: none;
  animation: none
}

.ant-btn>.ant-btn-loading-icon .anticon svg {
  -webkit-animation: loadingCircle 1s linear infinite;
  animation: loadingCircle 1s linear infinite
}

/* list */
.ant-list-item {
  .hover-show {
    transition: opacity 0.2s;
    opacity: 0;
  }

  &:hover {
    background-color: @bg-hover-color;

    .hover-show {
      opacity: 1;
    }
  }

  &:active, &:focus {
    background-color: @bg-active-color;
  }

  &.no-click {

    &:hover, &:active, &:focus {
      background-color: unset;
    }
  }
}

.hover-wrap {

  .hover-show {
    transition: opacity 0.2s;
    opacity: 0;
  }

  &:hover {

    .hover-show {
      opacity: 1;
    }
  }
}

/* end list */

/* tree */
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}
//modalComp 弹窗 和LuckSheet 的scroll 优先级冲突
.ant-modal-root{
  .ant-modal-mask, .ant-modal-wrap {
    z-index: 1030 !important;
  }
}

/* end tree */

/* start 详情-浮层进出效果 */
//.header-page-top, .main-wrapper {
//  margin: -16px -16px 0;
//  position: relative;
//}
//
//.main-wrapper .main-body {
//  margin: 12px 12px 0;
//  border: none;
//  background-color: transparent;
//}
//
//.main-wrapper .main-body > div {
//  padding: 12px;
//}
//
//.main-wrapper.wrapper-gray .main-body {
//  background: #f0f0f5;
//}
//
//.main-wrapper.wrapper-gray .ant-list-empty-text {
//  background: #fff;
//}
//
//.main-wrapper .detail-wrapper {
//  position: fixed;
//  top: 67px;
//  left: 200px;
//  right: 0;
//  bottom: 0;
//  z-index: 99;
//  background-color: rgba(0, 0, 0, .3);
//  transition: all 0.2s;
//  -webkit-transition: all 0.2s;
//}
//
//.main-wrapper .detail-wrapper > * {
//  transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), opacity 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
//  -webkit-transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), opacity 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
//}

/* end 详情-浮层进出效果 */

/* start PageHeader */
#root .ant-page-header {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;

  &.has-footer {
    padding-bottom: 0;
  }

  //.ant-page-header-heading {
  //  display: flex;
  //}

  .ant-page-header-heading-title {
    //white-space: nowrap;
    //flex: 1;
    line-height: @btn-height-base;
  }

  .ant-page-header-heading-sub-title {
    margin: 0;
    line-height: @btn-height-base;
  }

  .ant-page-header-heading-extra {
    text-align: right;
    //margin-top: 2px;
    //float: none;
    //display: block;
  }

  .ant-page-header-footer .ant-tabs-tab {
    font-size: 14px !important;
  }

  .ant-page-header-footer {
    margin-top: 8px;
  }
}

.ant-layout-header {
  z-index: 100;
}

/* end PageHeader */

/* start ant-affix */
@media screen and (max-width: 600px) {
  .ant-affix {
    position: static !important;
  }
}
/* end ant-affix */

/* Modal */
.ant-modal p {
  margin-bottom: 6px;
  font-size: 13px;
}

.ant-modal.ant-modal-confirm .ant-modal-body {
  padding: 24px;

  .ant-modal-confirm-title {
    font-weight: bold;
  }
}

.ant-modal-confirm-body .ant-modal-confirm-content {
  overflow-y: auto;
  max-height: 486px;
}

/* end Modal */

/* dropdown */
//.ant-select-dropdown {
//  &.small {
//    border-radius: 0;
//
//    .ant-select-dropdown-menu {
//      max-height: 240px;
//    }
//
//    .ant-select-dropdown-menu-item {
//      padding: 0 3px;
//      font-size: 12px;
//      line-height: 24px;
//    }
//
//    .ant-empty-normal {
//      margin: 8px 0;
//      font-size: 12px;
//      line-height: 14px;
//
//      .ant-empty-image {
//        height: 24px;
//        margin-bottom: 3px;
//      }
//    }
//  }
//
//  .ant-select-dropdown-menu-item:hover {
//    background-color: #d9f3ff;
//  }
//}

/* end dropdown */

/* ant-message */
.ant-message {
  z-index: 9999;
}

.ant-alert-message p {
  font-size: 13px;
  margin-bottom: 3px;
}
/* end ant-message */

/* start 滚动条样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  position: absolute;
}

/* Track */
::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  -webkit-box-shadow: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0);
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(24, 144, 255, 0.58);
  -webkit-box-shadow: inset 0 0 6px rgba(24, 144, 255, .5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, .5);
}

/* end 滚动条样式 */
